<div class="navbar navbar-fixed-top navbar-inverse" data-sly-use.header="com.icfolson.aem.groovy.console.components.Header">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="${header.href}">Groovy Console</a>
        </div>

        <div class="collapse navbar-collapse">
            <div class="btn-group navbar-right">
                <button type="button" class="btn btn-default navbar-btn dropdown-toggle" data-toggle="dropdown">
                    Themes <span class="caret"></span>
                </button>
                <ul class="dropdown-menu scrollable-menu" id="dropdown-themes" role="menu">
                    <li><a href="#" data-target="ace/theme/ambiance">Ambiance</a></li>
                    <li><a href="#" data-target="ace/theme/chaos">Chaos</a></li>
                    <li><a href="#" data-target="ace/theme/chrome">Chrome</a></li>
                    <li><a href="#" data-target="ace/theme/clouds">Clouds</a></li>
                    <li><a href="#" data-target="ace/theme/clouds_midnight">Clouds Midnight</a></li>
                    <li><a href="#" data-target="ace/theme/cobalt">Cobalt</a></li>
                    <li><a href="#" data-target="ace/theme/crimson_editor">Crimson Editor</a></li>
                    <li><a href="#" data-target="ace/theme/dawn">Dawn</a></li>
                    <li><a href="#" data-target="ace/theme/dreamweaver">Dreamweaver</a></li>
                    <li><a href="#" data-target="ace/theme/eclipse">Eclipse</a></li>
                    <li><a href="#" data-target="ace/theme/github">GitHub</a></li>
                    <li><a href="#" data-target="ace/theme/idle_fingers">Idle Fingers</a></li>
                    <li><a href="#" data-target="ace/theme/katzenmilch">Katzenmilch</a></li>
                    <li><a href="#" data-target="ace/theme/kr_theme">KR</a></li>
                    <li><a href="#" data-target="ace/theme/kuroir">Kuroir</a></li>
                    <li><a href="#" data-target="ace/theme/merbivore">Merbivore</a></li>
                    <li><a href="#" data-target="ace/theme/merbivore_soft">Merbivore Soft</a></li>
                    <li><a href="#" data-target="ace/theme/mono_industrial">Mono Industrial</a></li>
                    <li><a href="#" data-target="ace/theme/monokai">Monokai</a></li>
                    <li><a href="#" data-target="ace/theme/pastel_on_dark">Pastel On Dark</a></li>
                    <li><a href="#" data-target="ace/theme/solarized_dark">Solarized Dark</a></li>
                    <li><a href="#" data-target="ace/theme/solarized_light">Solarized Light</a></li>
                    <li><a href="#" data-target="ace/theme/terminal">Terminal</a></li>
                    <li><a href="#" data-target="ace/theme/textmate">TextMate</a></li>
                    <li><a href="#" data-target="ace/theme/tomorrow">Tomorrow</a></li>
                    <li><a href="#" data-target="ace/theme/tomorrow_night">Tomorrow Night</a></li>
                    <li><a href="#" data-target="ace/theme/tomorrow_night_blue">Tomorrow Night Blue</a></li>
                    <li><a href="#" data-target="ace/theme/tomorrow_night_bright">Tomorrow Night Bright</a></li>
                    <li><a href="#" data-target="ace/theme/tomorrow_night_eighties">Tomorrow Night Eighties</a></li>
                    <li><a href="#" data-target="ace/theme/twilight">Twilight</a></li>
                    <li><a href="#" data-target="ace/theme/vibrant_ink">Vibrant Ink</a></li>
                    <li><a href="#" data-target="ace/theme/xcode">XCode</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>